<template>
	<div class="hightend">	 
	   <HightEndDetailsTop></HightEndDetailsTop>
	    <div class="luxurydetails_box" v-html='article_info.content'>
      </div>
      <button class="reservation_btn"><router-link to="/reservation" style="color:#fff">立即预约</router-link></button>
    </div>
</template>
<script>
import HightEndDetailsTop from './components/HightEndDetailsTop.vue'
import { HightCareContent } from '@/api/allapis'
export default{
  name: 'HightEndDetails',
  data: function() {
    return {
       id:'',//文章id
       article_info:''//文章详情
    }
  },
  methods:{
      loadData(){
         HightCareContent(this.id).then(response=>{
            this.article_info = response.data.article_info
            // console.log(JSON.stringify(response))
         })
      },
  },
  created(){
    this.id = this.$route.params.id
    this.loadData()
  },
  components:{
  	HightEndDetailsTop
  }
}
</script>
<style scoped>
 .hightend{padding-top:50px;}
</style>


